#inscrit {
    background: none repeat scroll 0 0 #111a1c;
    margin-top: 8px;
    padding: 30px;
}
#inscrit p {
    background: none repeat scroll 0 0 #152327;
    border: 1px solid #28505d;
    color: #007182;
    margin: auto;
    padding: 28px;
    width: 420px;
    text-align:center;
    line-height:28px;
}
#corps
{
    padding-top:0; /* car il y a le feedback qui prends cet espace */
}
#creation_compte 
{
    width:756px;
    padding:30px;
    background:#28505c;
    margin:auto;
}
#creation_compte input.texte {
    background-color: #1b282c;
    border-color: #141d20 #3b606b #3b606b #141d20;
    border-style: solid;
    border-width: 1px;
    color: #aab8bc;
    display: block;
    font-size: 12px;
    height: 32px;
    padding-left: 10px;
    width: 351px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#creation_compte input.texte.feedback_positif {
    background-image:url('../images/profil/feedback_positif.png');
    background-position:337px center;
    background-repeat:no-repeat;

}
#creation_compte input.texte.feedback_negatif {
    background-image:url('../images/profil/feedback_negatif.png');
    background-position: 337px 6px;
    background-repeat:no-repeat;

}


#creation_compte p.feedback
{
    color: #9a2106;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    text-align: right;
    width: 363px;
}
#creation_compte p.feedback_positif
{
    color: #18ad86;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    text-align: right;
    width: 363px;
}
#creation_compte p.feedback_negatif
{
    color: #bd2c04;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    text-align: right;
    width: 363px;
}
#feedback_conditions_utilisation{
    text-align: left !important;
}

#creation_compte .colonne.droite p.feedback
{
    width: 381px;
}
#creation_compte input:focus
{
    background-color:#FFF;
    color:#1b282c;
    -webkit-box-shadow:inset 0 0 1px 1px #b8b8b8;
    -moz-box-shadow:inset 0 0 1px 1px #b8b8b8;
    box-shadow:inset 0 0 1px 1px #b8b8b8;
}
#creation_compte .colonne
{

}
#creation_compte .totale
{
    height:80px;
}
/**************** COLONNE GAUCHE ******************/
#creation_compte .colonne.gauche
{
    float:left;
    width:363px;
}
p.feedback
{
    text-align:center;
    color:#18ad86;
    font-size:12px;
    height:34px;
    line-height:34px;
}
p.description_champ
{
    width:381px;
    height: 34px;
    color:#111a1c;
    font-size:13px;
    line-height:12px;
    float:right;
    color: #FFF;
    top:0px;
}
p.question
{
    width:381px;
    height: 20px;
    color:#FFF;
    font-size:14px;
    line-height:20px;
    font-weight:bold;
}
p.indice
{
    width:381px;
    height: 20px;
    color:#FFF;
    font-size:13px;
    line-height:20px;
    font-weight:normal;
}
h4
{
    height:18px;
    line-height:18px;
    background:#28505c;
    padding-left:20px;
    font-size:14px;
    color:#FFF;
    text-align:left;
}
/* Choix des couleurs */
ul.couleur {
    background: none repeat scroll 0 0 #1b282c;
    border: 1px solid #bd2c04;
    list-style-type: none;
    margin-bottom: 25px;
    margin-left: 0;
    position: absolute;
    width: 360px;
}
ul.couleur li {
    float:left;
}
ul.couleur li a {
    display:block;
    height:42px;
    width:42px;
    margin:0;
    text-decoration:none;
    color:#FFF;
}
ul.couleur li a.choisi {
    height:30px;
    width:30px;
    border:solid 6px #FFF;
}
ul.couleur li a.active{
    background-image:url('../images/profil/select_couleur.png') ;
    background-position:333px center;
    background-repeat: no-repeat;
    color:#1b282c;
    height: 32px;
    width: 360px;
    border-bottom: solid 1px #bd2c04;/* a désactiver quand les choix sont visibles en "déroulé" */
}
ul.couleur li a:active {
    background:#FFF;
    color:#1b282c;
}
ul.couleur li a.ext
{
    margin:12px 0 12px 16px;
}
ul.couleur li a.int
{
    margin-left:16px;
    margin-bottom:12px;
}
ul.couleur li a.int_bas
{
    margin-left:16px;
}
.colonne.gauche label
{
    font-size:12px;
    color:#FFF;
}
/*********** STYLISER LA CHECK BOX ***********
http://www.creativejuiz.fr/blog/tutoriels/personnaliser-aspect-boutons-radio-checkbox-css*/

#creation_compte .conditions_utilisation label
{
    font-size:12px;
    margin-top:10px;
}

#creation_compte .conditions_utilisation div
{
    height:206px;
    overflow-y:auto;
    background:#111a1c;
    color:#FFF;
    font-size:12px;
    margin-top:10px;
    padding: 16px;
}
#creation_compte .conditions_utilisation div ol{
    margin: 10px 40px;
    font-weight: bold;
    font-size: 1.1em
}

#creation_compte .conditions_utilisation div ul{
    margin: 0px 40px; 
}

#creation_compte .conditions_utilisation div a{
    color: white;
}

.titre_CGU{
    font-size: 1.2em;
    text-transform: uppercase;
}

.date_CGU
{
    font-weight: bold;
    font-size: 1.1em
}

/* Cachons la case à cocher */  
form input#conditions_utilisation:not(:checked),  
form input#conditions_utilisation:checked 
{  
    position: absolute;  
    left: -9999px;  
}  

/* on prépare le label */  
form input#conditions_utilisation:not(:checked) + label,  
form input#conditions_utilisation:checked + label {  
    position: relative; /* permet de positionner les pseudo-éléments */  
    padding-left: 18px; /* fait un peu d'espace pour notre case à venir */  
    cursor: pointer;    /* affiche un curseur adapté */  
}  

/* Aspect des checkboxes */  
/* :before sert à créer la case à cocher */  
form input#conditions_utilisation:not(:checked) + label:before,  
form input#conditions_utilisation:checked + label:before {  
    content: '';  
    position: absolute;  
    left:0; top: 3px;  
    width: 13px; height: 13px; /* dim. de la case */  

    background: url(../images/profil/unchecked.png) no-repeat;   
}  

/* Aspect général de la coche */  
form input#conditions_utilisation:not(:checked) + label:after,  
form input#conditions_utilisation:checked + label:after {  
    content: '';  
    position: absolute;  
    left:0; top: 3px;  
    width: 13px; height: 13px; /* dim. de la case */  

    background: url(../images/profil/checked.png) no-repeat; 
}  

/* Aspect si "pas cochée" */  
form input#conditions_utilisation:not(:checked) + label:after {  
    background: url(../images/profil/unchecked.png) no-repeat; 
}  

/* Aspect si "cochée" */  
form input#conditions_utilisation:checked + label:after {  
    background: url(../images/profil/checked.png) no-repeat; 
}
/**************** COLONNE DROITE *****************/ 
#creation_compte .colonne.droite
{
    margin-left: 363px;
    padding-left: 12px;
    text-align:right;
    width: 381px;
}
#creation_compte .colonne.droite input.texte
{
    margin-left: 18px;
}
#creation_compte .colonne.droite label
{
    margin-left: 18px;
}
/* Bouton envoyer */
.valider 
{
    height:34px;
    display:inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.valider input
{
    border:solid 1px #28393f;


    background: #172225; /* Old browsers */
    background: -moz-linear-gradient(top, #1f2e32 0%, #172225 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f2e32), color-stop(100%,#172225)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #1f2e32 0%,#172225 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #1f2e32 0%,#172225 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #1f2e32 0%,#172225 100%); /* IE10+ */
    background: linear-gradient(to bottom, #1f2e32 0%,#172225 100%); /* W3C */


    cursor:pointer;
    color:#FFF;
    height:34px;
    padding:0 12px;
    font-size:14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

input[type="submit"]
{
    color: #FFF;
}

.colonne.droite p.feedback
{
    height: 22px;
    line-height: 16px;
    color: #111a1c;
    font-size: 11px;
    text-align:right;
}

/************** CONTENU BAS ****************/

#creation_compte label
{
    color: #FFF;
    display: inline-block;
    font-size: 14px;
    height: 20px;
    text-align: left;
    width: 100%;
}

#creation_compte label.black
{
    color: black;
}

#creation_compte .colonne.gauche p.feedback
{
    float:none;
    text-align:right;
}

#creation_compte .valider
{
    margin-top: 20px;
    text-align: center;
    width: 100%;
}

h3
{
    color: #bd2c04;
    font-family: 'Economica','Arial Narrow',arial,verdana,tahoma;
    font-size: 30px;
    font-weight: 400;
    padding: 28px 0;
    text-align: center;
    text-transform: uppercase;
    background:none;
}

#user_couleur{
    width: 360px;
    height: 15px;
    display: block;
    position: absolute;
    margin-bottom: 20px;
    margin-top:10px;
}

select.classic{
    //width: 302px;
    margin-left: 0px;
    height: 27px;
    font-size: 14px;
    font-weight: bold;
    width:360px;
    border:  solid 1px #bd2c04;    
    //position: absolute;

}

.ombre
{
    box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.42);
    -moz-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.42);
    -webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.42);
}

